.tj-upload-content {
  .label {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    color: var(--font);
    font-weight: 400;
    .tips {
      padding-left: 8px;
      color: var(--text-color-tertiary);
      &::before {
        color: #ff4d4f;
        content: '*';
      }
    }

    .template-name {
      padding-left: 16px;
      color: var(--font-primary);
      font-weight: 400;
      font-size: 12px;
      cursor: pointer;
    }
  }

  .content {
    .opt-tips {
      font-weight: 400;
      font-size: 14px;
      .left {
        color: var(--font-primary);
      }
      .right {
        color: var(--font4);
      }
    }

    .ant-upload {
      height: 150px;
    }

    .ant-upload-drag {
      border: 1px dashed var(--bd-a50);
    }

    .file-info {
      width: 100%;
      padding: 14px 20px;
      background-color: var(--upload-file-info);
      border: 1px dashed var(--bd-a30);
      border-radius: 5px;
      .name {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        .icon {
          margin-left: 14px;
          color: #52c41a;
        }
      }
      .item {
        margin-bottom: 10px;
        color: var(--font-a60);
        font-weight: 400;
        font-size: 12px;
      }
      .ant-btn {
        padding: 0;
      }
    }
    .error {
      border: 1px dashed #ff4d4f;
      .name {
        .icon {
          color: #ff4d4f;
        }
      }
    }
  }

  .tips-msg {
    margin-top: 6px;
    color: #ff4d4f;
    font-size: 12px;
    .ant-btn {
      font-size: 12px;
    }
  }

  .btns {
    padding: 14px 0;
    text-align: right;
    .ant-btn {
      margin-left: 14px;
    }
  }
}
